<template>
  <div>
    <button ref="myButton">点击我</button>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'

const myButton = ref(null)

onMounted(() => {
  // 访问DOM元素
  console.log(myButton.value) // 输出 DOM button 元素
  myButton.value.addEventListener('click', () => {
    console.log('按钮被点击了！')
  })
})
</script>
